@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #000000;
  --foreground: #ffffff;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@layer utilities {
  .gradient-text {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500;
  }

  .gradient-bg {
    @apply bg-gradient-to-b from-black to-purple-900/20;
  }

  .gradient-border {
    @apply border border-transparent bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 bg-clip-border;
  }

  .glass-effect {
    @apply backdrop-blur-lg bg-white/10;
  }

  .hover-scale {
    @apply transition-transform duration-300 hover:scale-105;
  }
}

/* 自定义动画 */
@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}
